<!DOCTYPE html>
<html lang="en">
<head>
	<title>Axes Multi-page | Home</title>

	<meta charset="utf-8">

	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- Google Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Lato:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="screen">
	
 	<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	
	<link rel="stylesheet" href="css/owl.carousel.css">
	<link rel="stylesheet" type="text/css" href="css/lightbox.min.css" media="all"/>   
	<link rel="stylesheet" type="text/css" href="css/stroke-gap-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/pe-icon-7-stroke.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/elegant-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/font-awesome.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/animate.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/flexslider.css" media="screen" />
	
	<link rel="shortcut icon" href="upload/favicon.ico" type="image/x-icon">
	<link rel="icon" href="upload/favicon.ico" type="image/x-icon">

</head>

<body>
	<!-- Preloader -->
	<div id="preloader">
	    <div id="status">&nbsp;</div>
	</div>

	<header>
	<!-- Navbar -->
	    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
	    	<nav class="navigation">
		      	<div class="container">
			        <div class="navbar-header">
			        	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
				            <span class="sr-only">Toggle navigation</span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
			        	</button>	        	 
						<!-- Logo -->
						<div class="logo">
				        	<a href="index.html">
				        		<img class="small-logo" src="upload/logo-dark.png" alt="logo">
				          	</a>
			        	</div>         
			        </div> <!-- end navbar-header -->

			        <div class="collapse navbar-collapse" id="navbar-collapse">
			          
			        	<ul class="nav navbar-nav navbar-right">

				          	<li class="dropdown active">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Home</a>
				                <ul class="dropdown-menu sub-menu">
				                	<li><a href="index.html">Multi-Page Demo</a></li>
				                	<li><a href="home-onepage.html">Onepage Demo</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Portfolio</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="portfolio-4-col.html">4 Columns</a></li>
				                	<li><a href="portfolio-3-col.html">3 Columns</a></li>
				                	<li><a href="portfolio-2-col.html">2 Columns</a></li>
				                	<li><a href="portfolio-single.html">Single Project</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Features</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="shortcodes.html">Shortcodes</a></li>
				                	<li><a href="typography.html">Typography</a></li>
				                	<li><a href="pricing.html">Pricing Tables</a></li>
				          	    </ul>
				            </li>
				            
				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Blog</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="blog-standard.html">Standard</a></li>
				                	<li><a href="blog-masonry.html">Masonry</a></li>
				                	<li><a href="blog-single.html">Single Post</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Pages</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="services.html">Services</a></li>
				                	<li><a href="about-us.html">About Us</a></li>
				                	<li><a href="contact.html">Contact</a></li>
				                	<li><a href="404.html">404</a></li>
				          	    </ul>
				            </li>

				            <li>
				            	<div id="search">
				            		<i class="pe-7s-search search-trigger"></i>
				            	</div>
				            	<div class="search-bar">
					            	<div class="search-wrap">
										<form role="form">
										    <div class="form-group">
											    <input type="search" class="form-control searchbox" placeholder="Search">
									    	</div>
									    	<button type="submit" class="search-button"><i class="pe-7s-search"></i></button>
									    </form>
								    </div>
								</div>
				            </li>
				            <li><div id="cart"><a href="#" id="cart-trigger"><i class="pe-7s-shopbag"></i><span>5</span></a></div></li>		
			        	</ul> <!-- end menu -->
			        </div> <!-- end collapse -->    
	      		</div> <!-- end container -->
	      	</nav> <!-- end navigation -->
	    </nav> <!-- End Navbar -->
	</header>

	<div class="main-wrapper">

		<section>
		<!--
			#################################
				- THEMEPUNCH BANNER -
			#################################
			-->
			<div class="tp-banner-container clearfix">
				<div class="tp-banner" >
					<ul>
						<!-- SLIDE 1 -->
						<li data-transition="slidehorizontal" data-slotamount="5" data-masterspeed="700" >
							<!-- MAIN IMAGE -->
							<img src="upload/revolution/slide_1_bg.jpg" alt="slidebg1" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
							<!-- LAYERS -->
							<!-- LAYER NR. 1 -->
							<div class="tp-caption very_big_white skewfromrightshort fadeout"
								data-x="center"
								data-y="center"
								data-speed="500"
								data-start="1200"
								data-easing="Circ.easeInOut">www.weidea.net
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption tp-caption medium_text skewfromrightshort fadeout"
								data-x="center"
								data-y="center"
								data-hoffset="0"
								data-voffset="-73"
								data-speed="500"
								data-start="1200"
								data-easing="Power4.easeOut">Build With Flexibility in Mind
							</div>

							<!-- LAYER NR. 3 -->
							<div class="tp-caption customin tp-resizeme rs-parallaxlevel-0"
								data-x="center"
								data-y="center"
								data-hoffset="0"
								data-voffset="98" 
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500"
								data-start="1500"
								data-easing="Power3.easeInOut"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.1"
								data-endelementdelay="0.1"
								data-linktoslide="next"
								style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;"><a href='#' class='largebtn'>Learn More</a>
							</div>					
						</li>

						<!-- SLIDE 2 -->
						<li data-transition="slidehorizontal" data-slotamount="5" data-masterspeed="700" >
							<!-- MAIN IMAGE -->
							<img src="upload/revolution/slide_2_bg.jpg" alt="slidebg1" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
							<!-- LAYERS -->
							<!-- LAYER NR. 1 -->
							<div class="tp-caption white_heavy_60 customin ltl tp-resizeme"
								data-x="30"
								data-y="223" 
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="1200"
								data-start="700"
								data-easing="Power4.easeOut"
								data-splitin="chars"
								data-splitout="none"
								data-elementdelay="0.1"
								data-endelementdelay="0.1"
								data-endspeed="1000"
								data-endeasing="Power4.easeIn"
								style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;">LOOKS GREAT
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption black_thin_blackbg_30 customin ltl tp-resizeme"
								data-x="30"
								data-y="306" 
								data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="1500"
								data-start="1000"
								data-easing="Power4.easeInOut"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.01"
								data-endelementdelay="0.1"
								data-endspeed="1000"
								data-endeasing="Power4.easeIn"
								style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">ON TABLETS & MOBILE DEVICES
							</div>
							
							<!-- LAYER NR. 3 -->
							<div class="tp-caption tp-caption medium_text customin ltl tp-resizeme"
								data-x="30"
								data-y="353" 
								data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="1500"
								data-start="1300"
								data-easing="Power4.easeInOut"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.01"
								data-endelementdelay="0.1"
								data-endspeed="1000"
								data-endeasing="Power4.easeIn"
								style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">Fully Responsive and Retina Ready
							</div>

							<!-- LAYER NR. 4 -->
							<div class="tp-caption lfb ltb start tp-resizeme"
								data-x="30"
								data-y="407"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="1500"
								data-start="1600"
								data-easing="Power3.easeInOut"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.01"
								data-endelementdelay="0.1"
								data-linktoslide="next"
								style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;"><a href='#' class='largebtn solid'>Get It Now!</a>
							</div>	
						</li>

						<!-- SLIDE 3 -->
						<li data-transition="slidehorizontal" data-slotamount="5" data-masterspeed="700" >
							<!-- MAIN IMAGE -->
							<img src="upload/revolution/slide_3_bg.jpg" alt="slidebg3" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
							<!-- LAYERS -->
							<!-- LAYER NR. 1 -->
							<div class="tp-caption big_100_white lft start fadeout"
								data-x="center"
								data-y="246"
								data-speed="500"
								data-start="1200"
								data-easing="Circ.easeInOut">WE THINK BIG
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption tp-caption medium_text lfb fadeout"
								data-x="center"
								data-y="350"
								data-speed="500"
								data-start="1200"
								data-easing="Power4.easeOut">We’ll Help You to Grow Your Business
							</div>

							<!-- LAYER NR. 3 -->
							<div class="tp-caption fade fadeout tp-resizeme"
								data-x="center"
								data-y="407"
								data-hoffset="-100"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="1500"
								data-start="800"
								data-easing="Power3.easeInOut"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.01"
								data-endelementdelay="0.1"
								data-linktoslide="next"
								style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;"><a href='#' class='largebtn solid'>Get It Now!</a>
							</div>

							<!-- LAYER NR. 4 -->
							<div class="tp-caption fade fadeout tp-resizeme"
								data-x="center"
								data-y="407"
								data-hoffset="100"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="1500"
								data-start="800"
								data-easing="Power3.easeInOut"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.01"
								data-endelementdelay="0.1"
								data-linktoslide="next"
								style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;"><a href='#' class='largebtn'>Learn More</a>
							</div>
						</li>

					</ul>
				</div>
			</div>
		</section>

	<!-- Our Services -->
		<section class="section-wrap services">
			<div class="container">
				<div class="row">
					<div class="col-sm-4">
						<div class="service-item icon-effect-1 icon-blue icon-effect-1a">
							<a href="#">
								<i class="hi-icon icon icon-Pen"></i>
							</a>
							<h5 class="text-center">Creative Design</h5>
							<div class="main-border blue"></div>
							<p class="text-center">We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind.</p>							
						</div>						
					</div> <!-- end service item -->

					<div class="col-sm-4">
						<div class="service-item icon-effect-1 icon-violet icon-effect-1a">							
							<a href="#">
								<i class="hi-icon icon icon-FullScreen"></i>
							</a>
							<h5 class="text-center">Fully Responsive </h5>
							<div class="main-border violet"></div>
							<p class="text-center">We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind.</p>							
						</div>						
					</div> <!-- end service item -->

					<div class="col-sm-4">
						<div class="service-item icon-effect-1 icon-orange icon-effect-1a last">							
							<a href="#">
								<i class="hi-icon icon icon-Settings"></i>
							</a>
							<h5 class="text-center">Easy to Customize</h5>
							<div class="main-border orange"></div>
							<p class="text-center">We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind.</p>							
						</div>						
					</div><!-- end service item -->
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end services -->

	<!-- Featured Works -->
		<section class="featured-works">
			<div class="container-fluid clearfix">
				<div class="row">
					<h2 class="bg-dark mb0 heading-white text-center">Featured Works</h2>
					<div id="owl-featured-works" class="owl-carousel owl-theme">
						<div class="item">
							<a href="#">
								<img src="upload/featured_works_img_1.jpg" alt="featured-works-img1">
							</a>
							<div class="portfolio-overlay">
								<div class="project-icons">
									<a href="upload/featured_works_big_img_1.jpg" data-lightbox="true"><i class="fa fa-search"></i></a>
                                	<a href="portfolio-single.html" class="project-icon"><i class="fa fa-link"></i></a>
                            	</div>
                            	<div class="featured-item-description">
                            		<h3><a href="#">Branding Mockup</a></h3>
                            		<span><a href="#">Mockups</a></span>
                    			</div>
							</div>
						</div> <!-- end first item -->

						<div class="item">
							<a href="#">
								<img src="upload/featured_works_img_2.jpg" alt="featured-works-img2">
							</a>
							<div class="portfolio-overlay">
								<div class="project-icons">
									<a href="upload/featured_works_big_img_2.jpg" data-lightbox="true"><i class="fa fa-search"></i></a>
                                	<a href="portfolio-single.html" class="project-icon"><i class="fa fa-link"></i></a>
                            	</div>
                            	<div class="featured-item-description">
                            		<h3><a href="#">Poster Frame PSD</a></h3>
                            		<span><a href="#">Mockups</a></span>
                    			</div>
							</div>
						</div> <!-- end second item -->

						<div class="item">
							<a href="#">
								<img src="upload/featured_works_img_3.jpg" alt="featured-works-img3">
							</a>
							<div class="portfolio-overlay">
								<div class="project-icons">
									<a href="upload/featured_works_big_img_3.jpg" data-lightbox="true"><i class="fa fa-search"></i></a>
                                	<a href="portfolio-single.html" class="project-icon"><i class="fa fa-link"></i></a>
                            	</div>
                            	<div class="featured-item-description">
                            		<h3><a href="#">Logo Mockup</a></h3>
                            		<span><a href="#">Mockups</a></span>
                    			</div>
							</div>
						</div> <!-- end third item -->

						<div class="item">
							<a href="#">
								<img src="upload/featured_works_img_4.jpg" alt="featured-works-img4">
							</a>
							<div class="portfolio-overlay">
								<div class="project-icons">
									<a href="upload/featured_works_big_img_4.jpg" data-lightbox="true"><i class="fa fa-search"></i></a>
                                	<a href="portfolio-single.html" class="project-icon"><i class="fa fa-link"></i></a>
                            	</div>
                            	<div class="featured-item-description">
                            		<h3><a href="#">Creative Branding</a></h3>
                            		<span><a href="#">Branding</a></span>
                    			</div>
							</div>
						</div> <!-- end fourth item -->

						<div class="item">
							<a href="#">
								<img src="upload/featured_works_img_5.jpg" alt="featured-works-img5">
							</a>
							<div class="portfolio-overlay">
								<div class="project-icons">
									<a href="upload/featured_works_big_img_5.jpg" data-lightbox="true"><i class="fa fa-search"></i></a>
                                	<a href="portfolio-single.html" class="project-icon"><i class="fa fa-link"></i></a>
                            	</div>
                            	<div class="featured-item-description">
                            		<h3><a href="#">Awesome Sweaters</a></h3>
                            		<span><a href="#">Mockups</a></span>
                    			</div>
							</div>
						</div> <!-- end fifth item -->

						<div class="item">
							<a href="#">
								<img src="upload/featured_works_img_6.jpg" alt="featured-works-img6">
							</a>
							<div class="portfolio-overlay">
								<div class="project-icons">
									<a href="upload/featured_works_big_img_6.jpg" data-lightbox="true"><i class="fa fa-search"></i></a>
                                	<a href="portfolio-single.html" class="project-icon"><i class="fa fa-link"></i></a>
                            	</div>
                            	<div class="featured-item-description">
                            		<h3><a href="#">Magazine Cover Design</a></h3>
                            		<span><a href="#">Print</a></span>
                    			</div>
							</div>
						</div> <!-- end sixth item -->

						<div class="item">
							<a href="#">
								<img src="upload/featured_works_img_7.jpg" alt="featured-works-img7">
							</a>
							<div class="portfolio-overlay">
								<div class="project-icons">
									<a href="upload/featured_works_big_img_7.jpg" data-lightbox="true"><i class="fa fa-search"></i></a>
                                	<a href="portfolio-single.html" class="project-icon"><i class="fa fa-link"></i></a>
                            	</div>
                            	<div class="featured-item-description">
                            		<h3><a href="#">Cartoon Cover</a></h3>
                            		<span><a href="#">Branding</a></span>
                    			</div>
							</div>
						</div> <!-- end seventh item -->

						<div class="item">
							<a href="#">
								<img src="upload/featured_works_img_8.jpg" alt="featured-works-img8">
							</a>
							<div class="portfolio-overlay">
								<div class="project-icons">
									<a href="upload/featured_works_big_img_8.jpg" data-lightbox="true"><i class="fa fa-search"></i></a>
                                	<a href="portfolio-single.html" class="project-icon"><i class="fa fa-link"></i></a>
                            	</div>
                            	<div class="featured-item-description">
                            		<h3><a href="#">Paper Bag PSD</a></h3>
                            		<span><a href="#">Mockups</a></span>
                    			</div>
							</div>
						</div> <!-- end eighth item -->

						<div class="item">
							<a href="#">
								<img src="upload/featured_works_img_9.jpg" alt="featured-works-img9">
							</a>
							<div class="portfolio-overlay">
								<div class="project-icons">
									<a href="upload/featured_works_big_img_9.jpg" data-lightbox="true"><i class="fa fa-search"></i></a>
                                	<a href="portfolio-single.html" class="project-icon"><i class="fa fa-link"></i></a>
                            	</div>
                            	<div class="featured-item-description">
                            		<h3><a href="#">A4 Paper Presentation</a></h3>
                            		<span><a href="#">Mockups</a></span>
                    			</div>
							</div>
						</div> <!-- end ninth item -->

						<div class="item">
							<a href="#">
								<img src="upload/featured_works_img_10.jpg" alt="featured-works-img10">
							</a>
							<div class="portfolio-overlay">
								<div class="project-icons">
									<a href="upload/featured_works_big_img_10.jpg" data-lightbox="true"><i class="fa fa-search"></i></a>
                                	<a href="portfolio-single.html" class="project-icon"><i class="fa fa-link"></i></a>
                            	</div>
                            	<div class="featured-item-description">
                            		<h3><a href="#">Vinyl Record PSD</a></h3>
                            		<span><a href="#">Mockups</a></span>
                    			</div>
							</div>
						</div> <!-- end tenth item -->
					</div>	
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end featured works -->

	<!-- Call to Action -->
		<section class="call-to-action">
			<div class="container">			
				<h3 class="cta-subheading text-center">We’ve Used Best Ux Practices</h3>
				<h2 class="text-center mt30">Are you Ready to Enjoy?</h2>
				<div class="col-lg-12 text-center mt40">
					<a href="#" id="cta-button-solid" class="btn btn-large btn-rounded btn-light-solid">Buy Now</a>
					<a href="#" id="cta-button-stroke" class="btn btn-large btn-rounded btn-light-transparent">Learn More</a>
				</div>
			</div> <!-- end container -->
		</section> <!-- end call to action -->

	<!-- Core Features -->
		<section class="core-features style-1">
			<div class="container">			
				<h2 class="text-center">Core Features</h2>
				<p class="subheading text-center">The Best Features in One Theme</p>
				<div class="main-border blue"></div>

				<div class="features-promo mt70">
					<div class="row">
						<!-- start left column -->
						<div class="col-lg-3 col-md-4 col-sm-6">
							<div class="features-item features-right text-right">
								<div class="features-icon">
									<i class="icon icon-Search"></i>
								</div>
								<h5>SEO Optimized</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							</div> <!-- end features item -->

							<div class="features-item features-right text-right">
								<div class="features-icon">
									<i class="icon icon-Layers"></i>
								</div>
								<h5>Parallax Sections</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							</div> <!-- end features item -->

							<div class="features-item features-right text-right">
								<div class="features-icon">
									<i class="icon icon-Drop"></i>
								</div>
								<h5>Unlimited Colors</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							</div> <!-- end features item -->
						</div> <!-- end left column-->
						
						<div class="promo-img col-lg-6 col-md-4 hidden-sm hidden-xs text-center">
							<img src="upload/core_features_img.png" alt="core-features-img">
						</div>

						<!-- start right column -->
						<div class="col-lg-3 col-md-4 col-sm-6">
							<div class="features-item">
								<div class="features-icon">
									<i class="icon icon-Tools"></i>
								</div>
								<h5>Easy to Customize</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							</div> <!-- end features item -->

							<div class="features-item">
								<div class="features-icon">
									<i class="icon icon-Timer"></i>
								</div>
								<h5>2 Minutes Install</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							</div> <!-- end features item -->

							<div class="features-item">
								<div class="features-icon">
									<i class="icon icon-Notes"></i>
								</div>
								<h5>Well Documented</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							</div> <!-- end features item -->
						</div> <!-- end right column-->
					</div> <!-- end row -->
				</div> <!-- end features promo -->
			</div> <!-- end container -->
		</section> <!-- end core features -->

	<!-- Results -->
		<section class="results">
			<div class="container">
				<div class="row">
					<div class="col-sm-3 text-center">
						<div class="statistic">
							<span class="timer" data-from="0" data-to="547"></span>
							<h5 class="counter-text">Happy Clients</h5>
						</div>
					</div> <!-- end col -->

					<div class="col-sm-3 text-center">
						<div class="statistic">
							<span class="timer" data-from="0" data-to="1024"></span>
							<h5 class="counter-text">Projects Completed</h5>
						</div>
					</div> <!-- end col -->

					<div class="col-sm-3 text-center">
						<div class="statistic">
							<span class="timer" data-from="0" data-to="3589"></span>
							<h5 class="counter-text">Lines of Code</h5>
						</div>
					</div> <!-- end col -->

					<div class="col-sm-3 text-center">
						<div class="statistic">
							<span class="timer" data-from="0" data-to="999"></span>
							<h5 class="counter-text">Pizzaz eaten</h5>
						</div>
					</div> <!-- end col -->
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end results -->

	<!-- Our Team -->
		<section class="section-wrap our-team bg-light">
			<div class="container">
				<h2 class="text-center">Awesome Team</h2>
				<p class="subheading text-center">Creative Nerds</p>
				<div class="main-border blue"></div>

				<ul id="team" class="clearfix">
					<li class="team-member">
						<div class="team-img">
							<img src="upload/team_member_1.jpg" alt="team member 1">
						</div>
						<div class="team-details text-center">
							<h5 class="team-title">Joeby Ragpa</h5>
							<span>CEO of Company</span>
							<div class="team-socials">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope"></i></a>
							</div>
						</div>
					</li> <!-- end team member -->

					<li class="team-member">
						<div class="team-img">
							<img src="upload/team_member_2.jpg" alt="team member 2">
						</div>
						<div class="team-details text-center">
							<h5 class="team-title">Michael Doe</h5>
							<span>Lead Designer</span>
							<div class="team-socials">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope"></i></a>
							</div>
						</div>
					</li> <!-- end team member -->

					<li class="team-member">
						<div class="team-img">
							<img src="upload/team_member_3.jpg" alt="team member 3">
						</div>
						<div class="team-details text-center">
							<h5 class="team-title">Jomelle Curtis</h5>
							<span>Front-End Developer</span>
							<div class="team-socials">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope"></i></a>
							</div>
						</div>
					</li> <!-- end team member -->

					<li class="team-member">
						<div class="team-img">
							<img src="upload/team_member_4.jpg" alt="team member 4">
						</div>
						<div class="team-details text-center">
							<h5 class="team-title">Alex Green</h5>
							<span>Creative Designer</span>
							<div class="team-socials">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope"></i></a>
							</div>
						</div>
					</li> <!-- end team member -->
				</ul>
			</div> <!-- end container -->
		</section> <!-- end our team -->

	<!-- About us / Skills -->
		<section class="section-wrap about-us-skills">
			<div class="container">
				<div class="row">
					<div class="col-sm-5">
						<h3 class="heading-white">Few Words About Us</h3>
						<p>We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious.</p><br>

						<p>So far I have written only of the conscious mind. I would now like to introduce you to your second mind. We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind. Axes Theme is very unique and clean theme.</p>
					</div>

					<div class="col-sm-7">
						<div class="skills-progress dark">
							<h6>Awesomeness <span>85%</span></h6>
							<div class="progress-dark meter orange">
					        	<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="85" class="progress-bar" role="progressbar">
					          		<span class="sr-only">85% Complete</span>
					        	</div>
					        </div>

					        <h6>Flexibility <span>65%</span></h6>
							<div class="progress-dark meter yellow">
					        	<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="65" class="progress-bar" role="progressbar">
					          		<span class="sr-only">65% Complete</span>
					        	</div>
					        </div>

					        <h6>SEO <span>93%</span></h6>
							<div class="progress-dark meter violet">
					        	<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="93" class="progress-bar" role="progressbar">
					          		<span class="sr-only">93% Complete</span>
					        	</div>
					        </div>

					        <h6>Marketing <span>90%</span></h6>
							<div class="progress-dark meter blue" id="animated-skills">
					        	<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" class="progress-bar" role="progressbar">
					          		<span class="sr-only">90% Complete</span>
					        	</div>
					        </div>
						</div> <!-- end skills-->
					</div> <!-- end col -->			
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end about us / skills -->

	<!-- From Blog -->
		<section class="section-wrap from-blog">
			<div class="container">			
				<h2 class="text-center">From Blog</h2>
				<p class="subheading text-center">Latest News</p>
				<div class="main-border blue"></div>

				<div class="blog-articles mt50">
					<div class="col-xs-12 text-center">
						<div class="entry-text">
							<h3>
								<a href="#">This is an Awesome Theme for any Website</a>
							</h3>
							<span class="blog-data">9 Apr, 2015</span>	
						</div> <!-- end entry -->	

						<div class="entry-text mt40">
							<h3>
								<a href="#">Many features and unlimited color combinations</a>
							</h3>
							<span class="blog-data">5 Apr, 2015</span>	
						</div><!-- end entry -->

						<div class="entry-text mt40">
							<h3>
								<a href="#">Axes is the Best solution on Themeforest</a>
							</h3>
							<span class="blog-data">3 Apr, 2015</span>	
						</div><!-- end entry -->		

					</div> <!-- end column-->
				</div> <!-- end blog-article -->
			</div> <!-- end container -->
		</section> <!-- end from blog -->

	<!-- Promo Boxes -->
		<section class="promo-boxes">
			<div class="container-fluid">
				<div class="row">
					<div class="col-md-4 nopadding">
						<div class="promo-box-first">
							
							<h2 class="heading-white">Creative Ideas</h2>
							<p class="white">We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious.
							</p>
							<a href="#" class="btn btn-large btn-rounded btn-light-transparent">Purchase Now</a>
							<i class="icon icon-Bulb"></i>
						</div> <!-- end fist promo box -->
					</div> <!-- end col -->

					<div class="col-md-4 nopadding">
						<div class="promo-box-second">
							<i class="icon icon-FullScreen"></i>
							<h2 class="heading-white">Fully Responsive</h2>
							<p class="white">We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious.
							</p>
							<a href="#" class="btn btn-large btn-rounded btn-light-transparent">Purchase Now</a>
						</div> <!-- end fist promo box -->
					</div> <!-- end col -->

					<div class="col-md-4 nopadding">
						<div class="promo-box-third">
							<i class="icon icon-ChemicalGlass"></i>
							<h2 class="heading-white">Tons of Features</h2>
							<p class="white">We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious.
							</p>
							<a href="#" class="btn btn-large btn-rounded btn-light-transparent">Purchase Now</a>
						</div> <!-- end fist promo box -->
					</div> <!-- end col -->					
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end promo boxes-->

	<!-- Testimonials -->
		<section class="section-wrap testimonials-slider">
			<div class="container">
				<h2 class="heading-white text-center">Happy Clients</h2>
				<div id="owl-testimonials" class="owl-carousel owl-theme">

					<div class="item">
						<img src="upload/testimonials_img_1.jpg" class="testimonials-img" alt="testimonials-img-1">
						<div class="testimonials-box text-center">
							<h5 class="testimonial-name">John Doe</h5>
							<span>CEO of Company</span>
							<p>This template is so awesome. I didn’t expect so many features inside. E-commerce pages are very useful, you can launch your online store in few seconds. I will rate 5 stars.</p>
						</div>
					</div> <!-- end first testimonial -->

					<div class="item">
						<img src="upload/testimonials_img_2.jpg" class="testimonials-img" alt="testimonials-img-2">
						<div class="testimonials-box text-center">
							<h5 class="testimonial-name">Christopher Michaels</h5>
							<span>CEO of Company</span>
							<p>If you want to rate this item 5 stars it’s very simple. After buyng this Theme click on your account, than go to Downloads and you will see this Theme there, just click on 5 stars.</p>
						</div>
					</div> <!-- end second testimonial -->

					<div class="item">
						<img src="upload/testimonials_img_3.jpg" class="testimonials-img" alt="testimonials-img-3">
						<div class="testimonials-box text-center">
							<h5 class="testimonial-name">Malyn Baga</h5>
							<span>CEO of Company</span>
							<p>I bought Axes Theme one week ago for the website of my company. I was totaly surprised, when I saw how good and professional layers organized in this Theme.</p>
						</div>
					</div> <!-- end third testimonial -->

					<div class="item">
						<img src="upload/testimonials_img_4.jpg" class="testimonials-img" alt="testimonials-img-4">
						<div class="testimonials-box text-center">
							<h5 class="testimonial-name">Alex Green</h5>
							<span>CEO of Company</span>
							<p>If you want to rate this item 5 stars it’s very simple. After buyng this Theme click on your account, than go to Downloads and you will see this Theme there, just click on 5 stars.</p>
						</div>
					</div> <!-- end fourth testimonial -->

					<div class="item">
						<img src="upload/testimonials_img_5.jpg" class="testimonials-img" alt="testimonials-img-5">
						<div class="testimonials-box text-center">
							<h5 class="testimonial-name">Monica Geller</h5>
							<span>CEO of Company</span>
							<p>This template is so awesome. I didn’t expect so many features inside. E-commerce pages are very useful, you can launch your online store in few seconds. I will rate 5 stars.</p>
						</div>
					</div> <!-- end fifth testimonial -->
					
				</div> <!-- end owl carousel-->	
			</div> <!-- end container -->
		</section> <!-- end testimonials -->

	<!-- Partners -->
		<section class="partners-dark">
			<div class="container">
				<div class="row">

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_1.png" alt="partner logo 1">
						</a>
					</div> <!-- end first logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_2.png" alt="partner logo 2">
						</a>
					</div> <!-- end second logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_3.png" alt="partner logo 3">
						</a>
					</div> <!-- end third logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_4.png" alt="partner logo 4">
						</a>
					</div> <!-- end fourth logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_5.png" alt="partner logo 5">
						</a>
					</div> <!-- end fifth logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_6.png" alt="partner logo 6">
						</a>
					</div> <!-- end last logo -->
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end partners -->

	<!-- Contact -->
		<section class="section-wrap contact">
			<div class="container">			
				<h2 class="text-center">Contact</h2>
				<p class="subheading text-center">Get in Touch</p>
				<div class="main-border blue"></div>

				<div class="row mt50">
					<div class="col-md-7 col-sm-7">
						<form id="contact-form" action="#">
							<input name="name" id="name" type="text" class="form-control" placeholder="Name*">
							<input name="mail" id="mail" type="email" class="form-control" placeholder="E-mail*">	
							<input name="subject" id="subject" type="text" class="form-control" placeholder="Subject">	
							<textarea name="comment" id="comment" class="form-control" placeholder="Message"></textarea>
		  					<input type="submit" value="Send Message" id="submit-message">
			  				<div id="msg" class="message"></div>
			  			</form>
					</div> <!-- end col -->
					
					<div class="col-md-4 col-md-offset-1 col-sm-5">
						<h5>Don’t Hesitate to Stay in Touch</h5>
						<p>Our working hours is 8:00 pm – 20:00 pm<br>
						Call us, email or send us a message</p>
						<div class="contact-item">
							<div class="contact-icon">
								<i class="icon icon-Phone2"></i>
							</div>
							<span>+1 888 5146 3269</span>
						</div> <!-- end phone number -->

						<div class="contact-item">
							<div class="contact-icon">
								<i class="icon icon-Mail"></i>
							</div>
							<a href="#">hello@axescompany</a>
						</div> <!-- end email -->

						<div class="contact-item">
							<div class="contact-icon">
								<i class="icon icon-House"></i>
							</div>
							<p>Axes Theme inc.<br>
							Philippines<br>
							Greenwich st. 256/6<br>
							62058</p>
						</div> <!-- end address -->

					</div> <!-- end col -->
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end contact -->
	
	<!-- Footer -->
		<footer id="footer">
			<div class="container">
				<div class="footer-widgets">
					<div class="row">
						<div class="col-md-3">
							<div class="footer-about-us">
								<h5 class="heading-white">About Us</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious.</p>
								<div class="social-icons">
									<a href="#"><i class="fa fa-facebook"></i></a>
									<a href="#"><i class="fa fa-twitter"></i></a>
									<a href="#"><i class="fa fa-google-plus"></i></a>
									<a href="#"><i class="fa fa-linkedin"></i></a>
									<a href="#"><i class="fa fa-pinterest-p"></i></a>
									<a href="#"><i class="fa fa-instagram"></i></a>
								</div>
							</div>
						</div> <!-- end about us -->

						<div class="col-md-3">
							<h5 class="heading-white">Stay in Touch</h5>
							<div class="office-1">
								<p>New York office</p>
								<p>Phone: + 1 888 1554 456 123</p>
								<p>Email: <a href="mailto:axescompany@gmail.com">axescompany@gmail.com</a></p>
							</div>
							<div class="office-2">
								<p>Melbourne office</p>
								<p>Phone: + 1 888 1554 456 123</p>
								<p>Email: <a href="mailto:axescompany@gmail.com">axescompany@gmail.com</a></p>
							</div>
						</div> <!-- end stay in touch -->

						<div class="col-md-3">
							<h5 class="heading-white">Latest Posts</h5>
							<div class="footer-posts">
								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">Axes is a simple and flexible</a>
									</h6>
									<span>11 Apr, 2015 / <a href="blog-single.html">10 comments</a></span>
								</div> <!-- end entry -->

								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">This is perfect solution for you</a>
									</h6>
									<span>08 Apr, 2015 / <a href="blog-single.html">03 comments</a></span>
								</div> <!-- end entry -->

								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">Clean and flexible theme</a>
									</h6>
									<span>05 Apr, 2015 / <a href="blog-single.html">05 comments</a></span>
								</div> <!-- end entry -->
							</div> <!-- end footer posts -->
						</div> <!-- end latest posts -->

						<div class="col-md-3">
							<h5 class="heading-white">Recent Works</h5>
							<ul class="recent-works">
								<li>
									<a href="#">
										<img src="upload/recent_works_img_1.jpg" alt="img1">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_2.jpg" alt="img2">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_3.jpg" alt="img3">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_4.jpg" alt="img4">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_5.jpg" alt="img5">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_6.jpg" alt="img6">
									</a>
								</li>
							</ul>
						</div> <!-- end recent works -->
					</div> <!-- end row -->
				</div> <!-- end footer widgets -->			
			</div> <!-- end container -->

			<div class="bottom-footer">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 text-center">
							<div class="copyright">
								©2015 Axes Theme  |  Designed by <a href="http://deothemes.com/">DeoThemes</a>
							</div>
						</div> <!-- end col -->
					</div> <!-- end row -->
				</div> <!-- end container -->
			</div> <!-- end bottom footer -->
		</footer> <!-- end footer -->

		<div id="back-to-top">
			<a href="#top"><i class="fa fa-angle-up"></i></a>
		</div>

	</div> <!-- end main-wrapper -->
	

	<!-- jQuery Scripts -->
	<script src="js/jquery.min.js"></script>
 	<script type="text/javascript" src="js/lightbox.min.js"></script>	
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/bootstrap-hover-dropdown.min.js"></script>
	<script type="text/javascript" src="js/owl.carousel.min.js"></script>
	<script type="text/javascript" src="js/jquery.countTo.js"></script>
	<script type="text/javascript" src="js/jquery.appear.js"></script>
	<script type="text/javascript" src="js/plugins-scroll.js"></script>
	<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
	<script src="js/wow.min.js"></script>

	<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

	<!-- Custom Theme JavaScript -->
    <script src="js/scripts.js"></script>

	<!-- Revolution Slider -->
	<script type="text/javascript">
				jQuery(document).ready(function() {
					   jQuery('.tp-banner').revolution(
						{
							delay:9000,
							startwidth:1170,
							startheight:680,
							hideThumbs:10,

							navigationType:"bullet",							
							navigationStyle:"preview1",

							hideArrowsOnMobile:"on",
							
							touchenabled:"on",
							onHoverStop:"on",
							spinner:"spinner4"
						});
				});
	</script>
	  
</body>
</html>